<template>
    <div>
      <el-menu default-active="index" class="el-menu-demo" mode="horizontal" router
               background-color="rgb(21, 160, 148)"
               text-color="#fff"
               active-text-color="#ffd04b">

        <el-menu-item index="/">{{$t("message.global.view")}}</el-menu-item>
        <el-menu-item index="/configList">{{$t("message.global.configList")}}</el-menu-item>
        <el-menu-item index="/setting">{{$t("message.global.setting")}}</el-menu-item>
<!--        <el-submenu index="2">
          <template slot="title">我的工作台</template>
          <el-menu-item index="2-1">选项1</el-menu-item>
          <el-menu-item index="2-2">选项2</el-menu-item>
          <el-menu-item index="2-3">选项3</el-menu-item>
        </el-submenu>-->
      </el-menu>
    </div>
</template>

<script>
    export default {
        name: "system-menu"
    }
</script>

<style scoped>
.el-icon-arrow-down:before{color:#fff;}
.el-menu-item:hover{background-color: #1bc7b9!important;}
.el-menu-item{font-size: 1rem;}
</style>
